<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Login - Office Web</title>
<link href="login.css" rel="stylesheet" />
<script src="login.js"></script>
<script src="scripts/jquery-1.10.2.js"></script>
<script src="scripts/jquery.validate.js"></script>
<script>

//you can write your javascript code here or 
//outsource this to external .js file and include the file as it is done above.

        $(document).ready(function () {
            
            $('#login').validate();
        })
       

</script>
</head>
<body>

<form id="login">

	<table>
		<tr>
			<td><label for="user_name"> User Name</label></td>
			<td><input type="text" name="user_name" id="user_name"  class="required email"/></td>

		</tr>

		<tr>
			<td><label for="password"> Password</label></td>
			<td><input type="password" name="password" id="password" class="required"  /></td>

		</tr>

		<tr>
			<td>Do not have an account?<br/><a href="/register">  register</a></td>
			<td><input type="submit" value="Login"  /></td>

		</tr>


	</table>
</form>
</body>
</html>